<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
  <title>个人中心</title>
  <link rel="stylesheet" href="css/light7.min.css">
  <link rel="stylesheet" href="css/swiper-3.3.1.min.css">
  <link rel="stylesheet" href="css/utilities.css">
  <link rel="stylesheet" href="css/material.css">
  <link rel="stylesheet" href="css/app.css">
</head>
<body>
  <div class="page-group">
    <div class="page page-current" id='page-index'>
      <div class="m-fixed gotoTop j-gotoTop"></div> 
      <div class="m-fixed contact"></div>
      <header class="bar bar-nav">
        <div class="m-row">
          <div class="m-col-6">
            <a href="javascript:void(0);" class="logo">
              <img src="img/logo.png">
            </a>
          </div>
          <div class="m-col-12">
            <div class="searchbar">
                <div class="search-input">
                  <label class="icon icon-search" for="search"></label>
                  <input type="search" id='search' placeholder='搜索产品、分类'>
                </div>
              </div>
          </div>
          <div class="m-col-6">
            <a href="#" class="login">登录丨注册</a>
          </div>
        </div>
      </header>
      <nav class="bar bar-tab">
        <a class="tab-item external active" href="#">
          <span class="icon icon-home"></span>
          <span class="tab-label">首页</span>
        </a>
        <a class="tab-item external" href="#">
          <span class="icon icon-app"></span>
          <span class="tab-label">积分倍增</span>
        </a>
        <a class="tab-item external" href="#">
          <span class="icon icon-star"></span>
          <span class="tab-label">积分</span>
        </a>
        <a class="tab-item external" href="#">
          <span class="icon icon-me"></span>
          <span class="tab-label">我的</span>
        </a>
      </nav>
      <div class="content">
        <!-- focus -->
        <div class="swiper-container focus">
            <div class="swiper-wrapper">
              <!-- 如果需要加 自营 标签，需要增加 self 这个class -->
              <div class="swiper-slide"><a class="self" href="#"><img src="img/temp-1.jpg"></a></div>
              <div class="swiper-slide"><a class="self" href="#"><img src="img/temp-2.jpg"></a></div>
              <div class="swiper-slide"><a class="self" href="#"><img src="img/temp-3.jpg"></a></div>
              <div class="swiper-slide"><a class="self" href="#"><img src="img/temp-2.jpg"></a></div>
              <div class="swiper-slide"><a class="self" href="#"><img src="img/temp-3.jpg"></a></div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
        <!-- /focus -->
        <!-- m-scroll-news -->
        <div class="m-scroll-news">
          <div class="m-scroll-news-ico">
            <i class="icon material materialicon-volumeup"></i>
          </div>
          <div class="m-scroll-news-content"><div class="txt">好消息 好消息 滚动字幕 好消息 好消息 好消息 好消息 滚动字幕 好消息 好消息 好消息 好消息 滚动字幕 好消息 好消息</div></div>
        </div>
        <!-- /m-scroll-news -->
        <!-- 分类 -->
        <div class="m-info-group">
          <div class="m-tit">
            <span class="txt">分类</span>
          </div>
          <!-- focus-menu -->
          <div class="focus-menu">
            <a href="#" class="focus-menu-item">
              <span class="focus-menu-content">
                <img src="img/main-menu-1.png">
                <span class="tit">服装</span>
              </span>
            </a>
            <a href="#" class="focus-menu-item">
              <span class="focus-menu-content">
                <img src="img/main-menu-2.png"> 
                <span class="tit">美妆</span>
              </span>
            </a>
            <a href="#" class="focus-menu-item">
              <span class="focus-menu-content">
                <img src="img/main-menu-3.png"> 
                <span class="tit">饮品</span>
              </span>
            </a>
            <a href="#" class="focus-menu-item">
              <span class="focus-menu-content">
                <img src="img/main-menu-4.png"> 
                <span class="tit">食品</span>
              </span>
            </a>
            <a href="#" class="focus-menu-item">
              <span class="focus-menu-content">
                <img src="img/main-menu-5.png"> 
                <span class="tit">厨卫</span>
              </span>
            </a>
            <a href="#" class="focus-menu-item">
              <span class="focus-menu-content">
                <img src="img/main-menu-6.png"> 
                <span class="tit">洗护</span>
              </span>
            </a>
            <a href="#" class="focus-menu-item">
              <span class="focus-menu-content">
                <img src="img/main-menu-7.png"> 
                <span class="tit">数码</span>
              </span>
            </a>
            <a href="#" class="focus-menu-item">
              <span class="focus-menu-content">
                <img src="img/main-menu-8.png"> 
                <span class="tit">分类</span>
              </span>
            </a>
          </div>
          <!-- /focus-menu -->
        </div>
        <!-- /分类 -->
        <!-- 秒杀特惠 -->
        <div class="m-info-group">
          <div class="m-tit">
            <span class="txt">秒杀特惠</span>
            <div class="m-countdown">
              <div class="m-countdown-content">
                <div class="m-countdown-item">09</div>
                <div class="m-countdown-spacer">:</div>
                <div class="m-countdown-item">13</div>
                <div class="m-countdown-spacer">:</div>
                <div class="m-countdown-item">42</div>
              </div>
            </div>
          </div>
          <div class="floor-banner">
            <div class="m-row gutter-2">
              <div class="m-col-16">
                <!-- 如果需要加hot标签，需要加 hot 这个class -->
                <a href="#" class="floor-banner-item floorBanner-type-1 hot">
                  <img src="img/56792777N23d7cda0.png!q70.jpg">
                  <div class="floor-banner-info">
                    <div class="name">Apple iPad mini 4 平板电脑 7.9英寸（128G WLAN版/A8芯片/Retina显示屏/Touch ID技术 MK9Q2CH）金色</div>
                    <div class="price">积分：399.00</div>
                  </div>
                </a>
              </div>
              <div class="m-col-8">
                <a href="#" class="floor-banner-item floorBanner-type-2 hot">
                  <img src="img/56792777N23d7cda0.png!q70.jpg">
                  <div class="floor-banner-info">
                    <div class="name">Apple iPad mini 4 平板电脑 7.9英寸（128G WLAN版/A8芯片/Retina显示屏/Touch ID技术 MK9Q2CH）金色</div>
                    <div class="price">积分：399.00</div>
                  </div>
                </a>
                <a href="#" class="floor-banner-item floorBanner-type-2">
                  <img src="img/56792777N23d7cda0.png!q70.jpg">
                  <div class="floor-banner-info">
                    <div class="name">Apple iPad mini 4 平板电脑 7.9英寸（128G WLAN版/A8芯片/Retina显示屏/Touch ID技术 MK9Q2CH）金色</div>
                    <div class="price">积分：399.00</div>
                  </div>
                </a>
              </div>
            </div>
            <div class="m-row gutter-2">
              <div class="m-col-8">
                <a href="#" class="floor-banner-item floorBanner-type-3">
                  <img src="img/56792777N23d7cda0.png!q70.jpg">
                  <div class="floor-banner-info">
                    <div class="name">Apple iPad mini 4 平板电脑 7.9英寸（128G WLAN版/A8芯片/Retina显示屏/Touch ID技术 MK9Q2CH）金色</div>
                    <div class="price">积分：399.00</div>
                  </div>
                </a>
              </div>
              <div class="m-col-8">
                <a href="#" class="floor-banner-item floorBanner-type-3">
                  <img src="img/56792777N23d7cda0.png!q70.jpg">
                  <div class="floor-banner-info">
                    <div class="name">Apple iPad mini 4 平板电脑 7.9英寸（128G WLAN版/A8芯片/Retina显示屏/Touch ID技术 MK9Q2CH）金色</div>
                    <div class="price">积分：399.00</div>
                  </div>
                </a>
              </div>
              <div class="m-col-8">
                <a href="#" class="floor-banner-item floorBanner-type-3">
                  <img src="img/more.png">
                </a>
              </div>
            </div>
          </div>
        </div>
        <!-- /秒杀特惠 -->
        <!-- 发现好店 -->
        <div class="m-info-group">
          <div class="m-tit">
            <span class="txt">发现好店</span>
            <a href="#" class="m-tit-more">
              <img src="img/m-tit-more.png">
            </a>
          </div>
          <div class="floor-banner">
            <div class="m-row gutter-2">
              <div class="m-col-11">
                <a href="#" class="floor-banner-item floorBanner-type-4">
                  <img src="img/temp-ad-1.png">
                  <div class="floor-banner-info">
                    <div class="name">Apple iPad mini 4 平板电脑 7.9英寸（128G WLAN版/A8芯片/Retina显示屏/Touch ID技术 MK9Q2CH）金色</div>
                    <div class="price">积分：399.00</div>
                  </div>
                </a>
              </div>
              <div class="m-col-13">
                <div class="m-row">
                  <div class="m-col-24">
                    <a href="#" class="floor-banner-item floorBanner-type-5">
                      <img src="img/temp-ad-2.png">
                      <div class="floor-banner-info">
                        <div class="name">Apple iPad mini 4 平板电脑 7.9英寸（128G WLAN版/A8芯片/Retina显示屏/Touch ID技术 MK9Q2CH）金色</div>
                        <div class="price">积分：399.00</div>
                      </div>
                    </a>
                  </div>
                  <div class="m-row gutter-2">
                    <div class="m-col-12">
                      <a href="#" class="floor-banner-item floorBanner-type-6">
                        <img src="img/temp-ad-3.png">
                        <div class="floor-banner-info">
                          <div class="name">Apple iPad mini 4 平板电脑 7.9英寸（128G WLAN版/A8芯片/Retina显示屏/Touch ID技术 MK9Q2CH）金色</div>
                          <div class="price">积分：399.00</div>
                        </div>
                      </a>
                    </div>
                    <div class="m-col-12">
                      <a href="#" class="floor-banner-item floor-banner-item floorBanner-type-6">
                        <img src="img/temp-ad-3.png">
                        <div class="floor-banner-info">
                          <div class="name">Apple iPad mini 4 平板电脑 7.9英寸（128G WLAN版/A8芯片/Retina显示屏/Touch ID技术 MK9Q2CH）金色</div>
                          <div class="price">积分：399.00</div>
                        </div>
                      </a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- /发现好店 -->
        <!-- 最新产品 -->
        <div class="m-info-group">
          <div class="m-tit">
            <span class="txt">最新产品</span>
          </div>
          <div class="floor-banner">
            <div class="m-row gutter-2">
              <div class="m-col-12">
                <a href="#" class="floor-banner-item floorBanner-type-7">
                  <img src="img/56792777N23d7cda0.png!q70.jpg">
                  <div class="floor-banner-info">
                    <div class="name">Apple iPad mini 4 平板电脑 7.9英寸（128G WLAN版/A8芯片/Retina显示屏/Touch ID技术 MK9Q2CH）金色</div>
                    <div class="price">积分：399.00</div>
                  </div>
                </a>
              </div>
              <div class="m-col-12">
                <a href="#" class="floor-banner-item floorBanner-type-7">
                  <img src="img/56792777N23d7cda0.png!q70.jpg">
                  <div class="floor-banner-info">
                    <div class="name">Apple iPad mini 4 平板电脑 7.9英寸（128G WLAN版/A8芯片/Retina显示屏/Touch ID技术 MK9Q2CH）金色</div>
                    <div class="price">积分：399.00</div>
                  </div>
                </a>
              </div>
            </div>
            <div class="m-row gutter-2">
              <div class="m-col-8">
                <a href="#" class="floor-banner-item floorBanner-type-8">
                  <img src="img/56792777N23d7cda0.png!q70.jpg">
                  <div class="floor-banner-info">
                    <div class="name">Apple iPad mini 4 平板电脑 7.9英寸（128G WLAN版/A8芯片/Retina显示屏/Touch ID技术 MK9Q2CH）金色</div>
                    <div class="price">积分：399.00</div>
                  </div>
                </a>
              </div>
              <div class="m-col-8">
                <a href="#" class="floor-banner-item floorBanner-type-8">
                  <img src="img/56792777N23d7cda0.png!q70.jpg">
                  <div class="floor-banner-info">
                    <div class="name">Apple iPad mini 4 平板电脑 7.9英寸（128G WLAN版/A8芯片/Retina显示屏/Touch ID技术 MK9Q2CH）金色</div>
                    <div class="price">积分：399.00</div>
                  </div>
                </a>
              </div>
              <div class="m-col-8">
                <a href="#" class="floor-banner-item floorBanner-type-8">
                  <img src="img/56792777N23d7cda0.png!q70.jpg">
                  <div class="floor-banner-info">
                    <div class="name">Apple iPad mini 4 平板电脑 7.9英寸（128G WLAN版/A8芯片/Retina显示屏/Touch ID技术 MK9Q2CH）金色</div>
                    <div class="price">积分：399.00</div>
                  </div>
                </a>
              </div>
            </div>
          </div>
        </div>
        <!-- /最新产品 -->
      </div>
    </div>
  </div>
</body>
<script src="js/vendor/jquery-1.8.3.min.js"></script>
<script src="js/vendor/light7.min.js"></script>
<script src="js/vendor/swiper-3.3.1.jquery.min.js"></script>
<script src="js/app.js"></script>
</html>